<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>内嵌样式</title>
        <!-- 通过 style 元素插入的 CSS 样式就是 内嵌样式 -->
        <style type="text/css">
            /* CSS声明块 */
            div {
                width: 80%;
                height: 50px;
                border: 1px solid blue;
            }
            
            p {
                border: 1px solid #dedede;
            }
        </style>
    </head>
    <body>

        <h3>内嵌样式(内部样式)</h3>
        <p>在 HTML 文档中通过 style 元素插入CSS样式</p>
        <p>通常将 内嵌样式(内部样式) 添加到 head 区域内</p>

        <div>first</div>

        <p>1</p>
        
        <div>second</div>

        <p>2</p>
        
    </body>
</html>